<!doctype html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <script src="js/jquery-3.2.1.min.js"></script>
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="css/home.css">
</head>

<body>
    <main>
        <div class="main1">
            <img src="img/h.png" alt="" id="img1">
            <img src="img/start.png" alt="" id="img" onclick="change()">
            <div class="rule rule1">
                <i class="fa fa-cog fa-spin"></i>
                <p>游戏规则</p>
            </div>
        </div>
        <div class="main2">
            <div>
                <div class="rule rule2">
                    <i class="fa fa-mail-reply"></i>
                    <p>返回</p>
                </div>
                <h4>游戏目标 </h4>
                <p>
                    游戏共分两个阵营：村民阵营和狼人阵营。
                    <br> 村民目标：白天的时候处决所有的狼人。
                    <br>狼人目标：黑夜的时候杀死所有的村民。
                    <br> 胜利条件如下：
                    <br> 1、村民阵营：所有狼人出局
                    <br> 2、狼人阵营：狼人数量大于或等于村民数量
                </p>
                <h4>人数配置</h4>
                <table border="1">
                    <tr>
                        <th>玩家人数</th>
                        <th>狼人数量</th>
                        <th>平民数量</th>
                    </tr>
                    <tr>
                        <td>4-8</td>
                        <td>1</td>
                        <td>3-7</td>
                    </tr>
                    <tr>
                        <td>9-11</td>
                        <td>2</td>
                        <td>7-9</td>
                    </tr>
                    <tr>
                        <td>12-15</td>
                        <td>3</td>
                        <td>9-12</td>
                    </tr>
                    <tr>
                        <td>16-18</td>
                        <td>4</td>
                        <td>12-14</td>
                    </tr>
                </table>
                <h4>游戏进程</h4>
                <p>
                    1.需要一名熟悉游戏规则的玩家做法官。法官即“上帝视角”，只负责游戏的进行，不参与游戏，且不影响游戏进程，不属于任何阵营。
                    <br> 2.法官选择人数，然后通过本游戏随机给玩家分配角色
                    <br> 3.法官安排玩家的座位顺序，玩家需记住自己的号码
                    <br> 4.每名玩家看清本局的身份牌后，点击按钮传递给下一号，再给下一位玩家看身份牌。 夜晚阶段
                    <br>1、法官宣布“天黑请闭眼,狼人杀人”
                    <br>此时所有玩家闭眼，进入天黑（夜晚）阶段。
                    <br>2、法官宣布“狼人请睁眼”
                    <br>狼人确认自己身份牌，选择自己要杀的人
                    <br>3.随后法官宣布“狼人请闭眼，所有人睁眼”。
                    <br>白天阶段
                    <br>4.亡灵发表遗言
                    <br>5.玩家依次发言
                    <br>6.进行全民投票，选择要杀死的人 7.法官宣布“天黑请闭眼,狼人杀人”，所有人闭上眼睛，接着循环前面的步骤，直到游戏结束。
                </p>
            </div>
        </div>
    </main>
    <script src="js/home.js">
    </script>
</body>

</html>